<?php
/**
 * Bài 1: Viết hàm trong jQuery
 * User: User
 * Date: 6/10/13
 * Time: 3:53 PM
 * To change this template use File | Settings | File Templates.
 */
?>
<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>JS Training</title>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <link type="text/css" href="../css/1.css" media="screen" rel="stylesheet">
</head>
<body>
<a id="hidebox" href="#">Click để ẩn</a>

<div id="box">Login form
    <input type="text" name="test"/>
    <input type="password" name="test"/>
</div>
</body>
</html>
<script type="text/javascript">
    // Thu voi doan script duoc comment de biet su khac nhau giua $(document).ready va function binh thuong
    //            $(document).ready(function() {
    //               $('a#hidebox').click(function(){
    //
    //               });$('#box').fadeOut();
    //            });
    $(function () {
        $('a#hidebox').click(function () {  //Thêm thuộc tính click vào thẻ  <a>
//            $('#box').fadeOut(); // Ẩn element có id là box
//            $('#box').css('background', 'green'); // Doi background thanh mau xanh
            $('#box').css({'background': "green",   // De them nhieu hon 1 thuoc tinh
                'width': "400px",
                'height': "400px"
            });
        });
    });
</script>